body {
	background-color: #6F2D2D;
}

a {
	color: #6F2D2D;
}

#header {
    box-shadow: 0 1px 0 #350C0C;
	background-color: #431B1B;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#532424), to(#431B1B));
    background-image: -webkit-linear-gradient(top, #532424 0%, #431B1B 100%);
    background-image: -moz-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: -ms-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: -o-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: linear-gradient(top, #532424 0%, #431B1B 100%);
    border-bottom: 1px solid #5F2828;
}

.tabbed ul li .closetag:hover{
    background-color: #be5257;
}

#topnav ul li {
    background-color: #874848;
    transition-duration: 300ms;
}

#topnav ul li.cashier a {
    color: #bbee06;
	padding: 5px 10px 5px;
}

#topnav ul li.cashier a:hover {
    color: #fff;
    background-color: #74da36;
	border-radius: 0 0 4px 4px;
}

#topnav ul li a {
    color: #eeeeff;
	padding: 5px 10px 5px;
}

#topnav ul li a:hover {
    color: #fff;
    background-color: #87635e;
	border-radius: 0 0 4px 4px;
}

#topnav ul li:hover {
    color: #fff;
    background-color: #87635e;
}

#topnav ul .active {
    background-color: #87635e;
    color: #fff
}

#topnav ul li.cashier {
    color: #bbee06;
    background-color: #008d00
}

#topnav ul li.cashier:hover {
    color: #fff;
    background-color: #74da36
}

#topnav ul li.open {
    color: #fff;
    background-color: #5dc31f
}

#search input[type=text], #search button {
	background-color: #431B1B;
	color: #835353;
}
#search input[type=text]:focus {
	color: #B57373;
}

.gritter-item{
    display: block;
    background: #be5257;
    background: -moz-linear-gradient(top, #be5257 0%, #6f2d2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be5257), color-stop(100%,#6f2d2d));
    background: -webkit-linear-gradient(top, #be5257 0%,#6f2d2d 100%);
    background: -o-linear-gradient(top, #be5257 0%,#6f2d2d 100%);
    background: -ms-linear-gradient(top, #be5257 0%,#6f2d2d 100%);
    background: linear-gradient(to bottom, #be5257 0%,#6f2d2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be5257', endColorstr='#6f2d2d',GradientType=0 );
    border-radius: 6px;
    color: #eee;
    padding: 7px 10px 10px;
    font-size: 11px;
    font-family: verdana;
    border: 1px solid #451c1c;
    box-shadow: 0 1px 4px #000000, 0 1px 0 rgba(255,255,255,0.3) inset;
}

#user-nav .btn-inverse {
    background-color: #6A2E2E;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#6A2E2E), to(#532424));
    background-image: -webkit-linear-gradient(top, #6A2E2E 0%, #532424 100%);
    background-image: -moz-linear-gradient(top, #6A2E2E 0%, #532424 100%);
    background-image: -ms-linear-gradient(top, #6A2E2E 0%, #532424 100%);
	background-image: -o-linear-gradient(top, #6A2E2E 0%, #532424 100%);
	background-image: linear-gradient(top, #6A2E2E 0%, #532424 100%);
	border-top-color: #532424;
}
#sidebar > ul {
	border-top: 1px solid #661D1D;
	border-bottom: 1px solid #7B3E3E;
}
#sidebar > ul > li {
	border-top: 1px solid #7B3E3E;
	border-bottom: 1px solid #661D1D;
}
#sidebar > ul > li.active {
    background-color: #532424;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#431B1B), to(#532424));
	background-image: -webkit-linear-gradient(top, #431B1B 0%, #532424 100%);
	background-image: -moz-linear-gradient(top, #431B1B 0%, #532424 100%);
	background-image: -ms-linear-gradient(top, #431B1B 0%, #532424 100%);
	background-image: -o-linear-gradient(top, #431B1B 0%, #532424 100%);
	background-image: linear-gradient(top, #431B1B 0%, #532424 100%);
}

#sidebar > ul > li.open.submenu > a {
	border-bottom: 1px solid #661D1D;
}
#sidebar > ul > li.open.active.submenu > a {
	border-bottom: 1px solid #661D1D;
}
#sidebar > ul > li > a > .label {
	background-color: #431B1B;
}
#sidebar > ul > li > a:hover {
	background-color: #7D3434;
}
#sidebar > ul ul {
	border-top: 1px solid #7B3E3E;
	background-color: #532424;
}
#sidebar > ul ul li a {
	border-top: 1px solid #5D2B2B;
	border-bottom: 1px solid #431F1F;
}
#sidebar > ul ul li a:hover, #sidebar > ul ul li.active a {
    position: relative;
	color: #DDDDDD;
	background-color: #5D2B2B;
}

#sidebar>ul ul li.active a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right-color: #f87979;
}

.dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
	background-color: #532424;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#532424), to(#431B1B));
    background-image: -webkit-linear-gradient(top, #532424 0%, #431B1B 100%);
    background-image: -moz-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: -ms-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: -o-linear-gradient(top, #532424 0%, #431B1B 100%);
	background-image: linear-gradient(top, #532424 0%, #431B1B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#532424', endColorstr='#431B1B',GradientType=0 ); /* IE6-9 */
    color: #eeeeee;
}

@media (max-width: 480px) {
	#sidebar > a {
		background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#532424), to(#431B1B));
        background-image: -webkit-linear-gradient(top, #532424 0%, #431B1B 100%);
        background-image: -moz-linear-gradient(top, #532424 0%, #431B1B 100%);
        background-image: -ms-linear-gradient(top, #532424 0%, #431B1B 100%);
        background-image: -o-linear-gradient(top, #532424 0%, #431B1B 100%);
        background-image: linear-gradient(top, #532424 0%, #431B1B 100%);
		border-bottom: 1px solid #301616;
	}
	#sidebar > ul {
		background-color: #6F2D2D;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	#sidebar > ul ul:before {
		border-right: 7px solid rgba(0, 0, 0, 0.2);
	}
	#sidebar > ul ul:after {
		border-right: 6px solid #13152A;
    }
}
